<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <title>公告详情</title>
    <!-- 导入字体图样式 -->
    <link rel="stylesheet" href="../../Public/iconfont/iconfont.css">
    <!-- 导入公共css样式 -->
    <link rel="stylesheet" href="../../Public/css/common.css">
    <!-- 导入头部导航的JS样式 -->
    <!-- <script src="../../Public/js/utils.js"></script> -->
    <!-- 导入JQuery库js样式 -->
    <script src="../../Public/js/jQuery.mini.js"></script>
    <!-- 导入文档的CSS样式 -->
    <link rel="stylesheet" href="../css/announcement.css">
    <!-- 导入文档的JS样式 -->
    <script src="../js/announcement.js"></script>
    <!-- 头部导航 -->
    <script>
        window.onload = function() {      
            headerOfannouncement.addHeader(1, '公告详情', `<span class="collect iconfont icon-wodeshoucang f12 ml-20"></span> <span class="header_share iconfont icon-fenxiang"></span > `, 1);    
        }
        $(function() {
            // 点击 分享 弹出 选项卡
            $('.header_share').click(function() {
                $('.share').slideDown(100);
                $('.mask').fadeTo(100, 0.2)
            });
            // 点击 取消  选择栏消失
            $('.cancel').click(function() {
                    $('.share').slideUp(100);
                    $('.mask').fadeTo(100, 0)
                })
                // 点击 微信  选择栏消失
            $('.icon').click(function() {
                    $('.share').slideUp(100);
                    $('.mask').fadeTo(100, 0)
                })
                // 点击 取消  选择栏消失
            $('.cancel').click(function() {
                    $('.share').slideUp(100);
                    $('.mask').fadeTo(100, 0)
                })
                // 点击 取消  选择栏消失
            $('.cancel').click(function() {
                $('.share').slideUp(100);
                $('.mask').fadeTo(100, 0)
            });
            // 点击收藏 按钮 弹出提示“收藏成功”
            var flag = false;
            $('.collect').click(function() {
                if (flag = false) {
                    $('.save').show();
                    $(this).html(' <span class="collect_a iconfont icon-shoucang1"></span>')
                    var timer = setInterval(function() {
                        $('.save').fadeOut();
                    }, 1500);
                    var flag = true;
                }
            });
            $('.collect').click(function() {
                if (flag = true) {
                    $('.save').show();
                    $(this).html('')
                    var timer = setInterval(function() {
                        $('.save').fadeOut();
                    }, 1500);
                    // $('.tip').html('你好')
                    var flag = false;
                }
            });
            // 点击 已读 未读 跳转到查阅情况
            $('.tips').on('click', function() {
                window.location.assign('announcementAccessToTheSituation.html')
            })

        });
    </script>
</head>

<body>
    <div class="box4 mt-20">
        <div class="title f18">
            <span>国庆节放假通知</span>

            <span class="tip">放假通知</span>
        </div>
        <p class="releasetime f12">
            <span>发布时间：</span>
            <span>2021-09-09 10:08</span>
        </p>
        <p class="issuer f12">发布人：晁文琦</p>
        <p class="contain">
            根据国务院办公厅通知，2021年国庆节假期安排为：10月1日至7日放假调休，共7天。9月26日（星期日）、10月9日（星期六）上班。
        </p>
        <div class="line"></div>
        <div class="tips f-12">
            <span class="tips_1"> <span>10</span>
            <span>人已读</span>
            </span>
            <span class="tips_2">
                 <span class="ml-10">0</span>
            <span>人未读</span>
            </span>
        </div>
    </div>
    <!-- 分享 -->
    <div class="share">
        <div class="please f12 ">分享</div>
        <div class="cell">
            <span class="icon">
                    <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/新闻详情/u9446.png" alt="">
                   <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/新闻详情/u9447.png" alt="" class="icon_a">
                <span class="name">微信</span>
            </span>
            <span class="icon">
                        <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/新闻详情/u9455.png" alt="">
                    <span class="name">朋友圈</span>
            </span>
            <span class="icon">
                        <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/新闻详情/u9446.png" alt="">
                       <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/新闻详情/u9451.png" alt="" class="icon_a">
                    <span class="name">QQ</span>
            </span>
        </div>
        <div class="cancel mt-10 ">
            <p>取消</p>
        </div>
    </div>
    <div class="save" style="display:none">
        <span class="icon"></span>
        <span class="tip">收藏成功</span>
    </div>
    <div class="mask"></div>

</body>

</html>